﻿@model Web.Models.AmericanQuestion
@{
    ViewBag.Title = @Model.Question;
}
<section class="content">
<header>
<h2>@Model.Question</h2>
</header>
@using (Html.BeginForm())
{
    @Html.Hidden("questionID", @Model.Id)
   <fieldset>
   <legend>Select the most Suitable answer:</legend>
    <ol>
    @foreach (var option in @Model.Options)
    {
        <li style="vertical-align: central;">
        @Html.RadioButton("question", option.Id, option.IsSelected) @option.Description 
        </li>
    }
    @Html.ValidationMessageFor(x => x.Options)
    <input type="submit" value="Send Answer" onclick=" if($(':radio:checked').val()=== undefined) {alert('Select the most Suitable answer');return false;}" style="width: 120px;float: right;" />
    </ol>
</fieldset>
}

    </section>
